<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./css/detailed.css">
    <title>产品详细页</title>
</head>
<body>
    <header>
           <!-- 头部内容 -->
           <div class="h_top">
            <ul>
                <li><a href="./find.html">Back</a> </li>
                <li>产品详细</li>
                <li><img src="./images/detailed/星星.png" alt=""></li>
                </ul>
             </div>
             <!-- 头部图片 -->
             <div class="car">
                 <img src="./images/detailed/顶部轮播图.png" alt="">
                 <ul>
                     <li>￥32</li>
                     <li><a href=""> 购买</a></li>
                 </ul>

                 <ul>
                     <li><img src="./images/detailed/星星.png" alt=""> 好评度<span>99%</span></li>
                     <li>共605个评价&gt;</li>
                 </ul>
             </div>
    </header>
  <!-- 内容 -->
    <main>
          <!-- 标题 -->
          <div class="title">
              <p>适用商户</p>
              <p>&gt;</p>
          </div>
       <!-- 底部1 -->
       <div class="m_bt" >
           <!-- 图片 -->
           <ul>
            <li><img src="./images/detailed/正佳.png" alt=""></li>
              <li><span> 正佳店</span></li>
        </ul>
          <!-- 文字 -->
        <ul>
                  <li>
                      <span>万岁寿司 ( 正佳店 )</span>
                      <p>
                          <img src="./images/detailed/星星.png" alt="">
                          <img src="./images/detailed/星星.png" alt="">
                          <img src="./images/detailed/星星.png" alt="">
                          <img src="./images/detailed/星星.png" alt="">
                          <img src="./images/detailed/星星.png" alt="">
                          10分
                    </p>
                    <p>离你100m</p>
                    <a href="">查看详情&gt;&gt;</a>
                  </li>

                 <li> <a href="">进入</a></li>
        </ul>
       </div>    <!-- 底部2 -->
       <div class="m_bt" >
           <!-- 图片 -->
           <ul>
            <li><img src="./images/detailed/体育西.png" alt=""></li>
              <li><span>体育西店</span></li>
        </ul>
          <!-- 文字 -->
        <ul>
                  <li>
                      <span>万岁寿司 ( 体育西店 )</span>
                      <p>
                          <img src="./images/detailed/星星.png" alt="">
                          <img src="./images/detailed/星星.png" alt="">
                          <img src="./images/detailed/星星.png" alt="">
                          <img src="./images/detailed/星星.png" alt="">
                          <img src="./images/detailed/星星.png" alt="">
                          10分
                    </p>
                    <p>离你100m</p>
                    <a href="">查看详情&gt;&gt;</a>
                  </li>

                 <li> <a href="">进入</a></li>
        </ul>
       </div>
           <!-- 底部3 -->
           <div class="m_bt" >
            <!-- 图片 -->
            <ul>
             <li><img src="./images/detailed/昌岗.png" alt=""></li>
               <li><span> 昌岗店</span></li>
         </ul>
           <!-- 文字 -->
         <ul>
                   <li>
                       <span>万岁寿司 ( 昌岗店)</span>
                       <p>
                           <img src="./images/detailed/星星.png" alt="">
                           <img src="./images/detailed/星星.png" alt="">
                           <img src="./images/detailed/星星.png" alt="">
                           <img src="./images/detailed/星星.png" alt="">
                           <img src="./images/detailed/星星.png" alt="">
                           10分
                     </p>
                     <p>离你100m</p>
                     <a href="">查看详情&gt;&gt;</a>
                   </li>
 
                  <li> <a href="">进入</a></li>
         </ul>
        </div>
          <!-- 底部4 -->
          <div class="m_bt" >
            <!-- 图片 -->
            <ul>
             <li><img src="./images/detailed/昌岗.png" alt=""></li>
               <li><span> 昌岗店</span></li>
         </ul>
           <!-- 文字 -->
         <ul>
                   <li>
                       <span>万岁寿司 ( 昌岗店)</span>
                       <p>
                           <img src="./images/detailed/星星.png" alt="">
                           <img src="./images/detailed/星星.png" alt="">
                           <img src="./images/detailed/星星.png" alt="">
                           <img src="./images/detailed/星星.png" alt="">
                           <img src="./images/detailed/星星.png" alt="">
                           10分
                     </p>
                     <p>离你100m</p>
                     <a href="">查看详情&gt;&gt;</a>
                   </li>
 
                  <li> <a href="">进入</a></li>
         </ul>
        </div>

       
    </main>


    
      <!-- 底部导航栏 -->
      <nav>
        <div class="bt">
       
        <p>
           <a href="./index.html">
              <img src="./images/admin/首页.png" alt="">
              <span>首页</span>
           </a> 

        </p>
        <p>
            <a href="./sort.html">
            <img src="./images/admin/分类.png" alt="">
              <span>分类</span>
                
            </a>
        </p>
        <p>
          <a href="./find.html">
            <img src="./images/admin/发现.png" alt="">
            <span>发现</span>
             
          </a>

        </p>
        <p>
          <a href="./admin.html">
            <img src="./images/admin/我的.png" alt="">
            <span>我的</span>
            
          </a>

        </p>
    </div>

  </nav>
</body>
</html>